<template>
    <div id="app" v-loading="loading">
        <div class="title">热搜词汇({{hotWordArr.length}})</div>
        <el-row :gutter="60">
           <el-col :span="24">
             <el-input
               type="textarea"
               placeholder='`热搜词每个词使用","隔开示例: 平多多,淘宝,`'
               v-model="hotWord"
               show-word-limit
             />
           </el-col>
        </el-row>
        <el-button type="primary" style="margin-top: 20px;" @click="setMarkeyHotWord">保存</el-button>
        <div class="title">每日任务</div>
        <el-switch
          v-model="taskSta"
          active-text="开启每日任务"
          inactive-text="每日任务"
          @change="setMarkeyTaskshow">
        </el-switch>
    </div>
</template>

<script>
    import IndexShow from './index.js';
    export default IndexShow;
</script>
<style lang="scss" scoped>
  .el-row{
      display: flex;
      justify-content: flex-start;
  }
  .title{
    margin-bottom:25px;
    font-size:21px;
    margin-top:65px;
  }
  .info{
    margin-top:25px;
    .input{
      margin-top:18px;
    }
  }
  .banner_img{
    border-radius:5px;
    width: 100%;
    height: 150px;
  }
  .s_img{
    display: block;
    height: 150px;
  }
  .grid-content{
    position:relative;
  }
  .reset{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1;
    font-size: 12px;
    font-style: normal;
    background: rgba(0,0,0,0.2);
    color: #FFF;
    padding: 3px 2px 3px 6px;
    border-radius: 15px 0px 0px 15px;
}
</style>
